iT邦幫忙

2023 iThome 鐵人賽

DAY 28
0
自我挑戰組

Canva設計魔法:30天打造職場視覺力系列 第 28

[Day28] Canva手繪圖檔

  • 分享至 

  • xImage
  •  

把圖檔用手繪的功能呈現出來一直是我很喜歡的功能,並且幾乎是完全免費,因此今天想要介紹給大家,並且今天預計從IG宣傳的角度,將這個手繪的影片用IG的貼文方式呈現,讓大家可以將這個影片PO上自己的IG喔!

本日重點:
⭐️SpeedPaint工具使用
⭐️新增及移除文字動畫
⭐️可愛QR Code建立(使用Flowcode)
⭐️加入小動畫
⭐️為影片加入音訊

預期成果:
https://www.canva.com/design/DAFw1L1hSO0/gsWtLbkTyak7BdYRsux8lw/watch?utm_content=DAFw1L1hSO0&utm_campaign=designshare&utm_medium=link&utm_source=publishsharelink

製作步驟:

  1. 首先要建立一個空白的IG貼文。點選主頁上方的「社群媒體」->「Instagram貼文(方形)」
    img
  2. 首先一開始我們要先來處理圖檔。這邊想先解釋一下,一張圖有分為人物+背景,所以如果放一張圖跑手繪的話,總時長就會拿來繪製這兩項,換句話說畫人物的時間就會被縮短,如果我們只上傳去背的圖檔的話,人物的繪製時間就會比較長,也就會比較生動!故我們這邊先上傳一張圖檔
    img
  3. 點選「編輯照片」->「背景移除工具」(需Pro版),如果沒有購買的話,可以從其他免費的網站先去背後再上傳
    img
  4. 將圖片放到最大後點選右上角「分享」->「下載」,下載成PNG的圖檔
    img
  5. 將該圖片刪掉,並接著點選左側「應用程式」->最下方其他應用程式區塊中的「SpeedPai...」(下圖紅框處)
    img
  6. 進入後在上方先上傳剛剛那張去背照。接著選擇幀率(FPS,越高看起來會越順)、線條繪製時間(Sketch duration)、顏色填充時間(color fill duration)、背景顏色,下方兩個選項分別是1.加入繪製的手以及2.加入淡去效果(建議勾選)。由於這個功能是免費的,我就不一一測試給大家看,最後留下我的設定數值
    img
  7. 在等待一分鐘後我們的手繪影片就完成了。首先我們要記得先調整大小並進行適當裁切
    img
  8. 接著要加入文字。從左側「文字」->「新增文字方塊」加入文字。這邊要注意,由於Canva目前還沒有辦法針對同一文字方塊設定中文及英文字型,所以我習慣會將中文及英文用不同的文字方塊,像範例中我就利用了4個不同的文字方塊喔
    img
  9. 再來要加入動畫效果,同時選取四個文字方塊後選擇上方「動畫(或動畫名稱)」->最下方的「合併」,記得要選擇「進入時」
    img
  10. 接著要加入我的名字,但這邊我想要呈現的效果是,素描結束後再跳出我的名字,可惜目前Canva目前還無法設定動畫的順序,所以這邊我只能再新增一頁再新增我的名字。做法有很多種,首先我們可以先在下方的這頁上按右鍵,選擇「複製1頁」
    img
  11. 接下來可以想像這頁(第2頁)是當前面素描結束後才會跑出來的,所以一開始我們要將上面文字的動畫移除。選擇四個文字方塊後點選「(動畫名稱)」->左下「移除動畫」
    img
  12. 接著下方素描的影片也要移除,取而代之的是同樣的一張去背照片
    img
  13. 最後再用同樣步驟新增文字方塊後加入適當的動畫即可
    img
  14. 接下來為了要讓看到IG貼文的人可以直接到我們的頁面中,我們除了在文案中附上連結外,加上QR Code也是不可少的。在Day 23的內容中我們有介紹過生成有藝術感的QR Code,今天我們要用另一個很棒的工具加入可愛的QR Code。首先點選左側「應用程式」->建立新內容區塊中的「Flowcod...」(下圖紅框處)(此工具一個Google帳號只能免費生成兩個QR Code,請斟酌使用)
    img
  15. 接下來我們先填入QR Code的網址,再來設定顏色、點點樣式,並且也可以從下方新增Logo至QR Code中,都完成後選擇下方「Sign up and create Flowcode」
    img
  16. 選擇「連結」
    img
  17. 接下來就會自動跳轉到Flowcode這家公司的網站,就按照正常步驟註冊並登入即可
    img
  18. 登入後回到Canva就會看到QR Code已經生成了,記得調整大小
    img
  19. 一樣點選上方動畫加入物件的動畫
    img
  20. 點選下方「時長」可以看到目前兩個頁面分別的長度,如果覺得太短或太長都可以在這邊調整喔!
    img
  21. 我們從「元素」處也可以照到很多免費的「訂閱」相關的小動畫,拉出來就可以直接使用,當然「箭頭」也是搜尋就有喔!
    img
  22. 最後不免俗的也加上配樂,選擇左側「應用程式」->「音訊」
    img
  23. 直接把音樂拉入影片下方就完成囉!
    img

這個工具是不是很酷,而且還是免費的大家都可以使用,歡迎大家都來嘗試看看唷!


上一篇
[Day27] Canva 文字轉影片
下一篇
[Day29] 用手機版Canva製作IG限時動態
系列文
Canva設計魔法:30天打造職場視覺力30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言